<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>后台管理模板页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/grade-details.css">
</head>

<body class="row">

	<!-- left area -->
	<div class="left col-md-2">
		<aside>
			<div class="welcome t-c">
				<strong>抱团取暖在线考试系统</strong>
			</div>
			<ul class="f-16">

				<a href="student-manage" class="side-menu-color">
					<li>
						<i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
						<span class="icon ion-android-radio-button-off f-r f-13"></span>
					</li>
				</a>
				<a href="subject-manage" class="side-menu-color">
					<li>
						<i class="icon ion-navicon-round f-18 m-r-10"></i> 题库管理
						<span class="icon ion-android-radio-button-off f-r f-13"></span>
					</li>
				</a>

				<a href="grade-details" class="side-menu-color">
					<li>
						<i class="icon ion-navicon-round f-18 m-r-10"></i> 成绩明细
						<span class="icon ion-android-radio-button-off f-r f-13"></span>
					</li>
				</a>

				<a href="exam-manage" class="side-menu-color">
					<li>
						<i class="icon ion-navicon-round f-18 m-r-10"></i> 添加考试
						<span class="icon ion-android-radio-button-off f-r f-13"></span>
					</li>
				</a>
				<a href="exam-grade" class="side-menu-color">
					<li>
						<i class="icon ion-navicon-round f-18 m-r-10"></i> 考试成绩
						<span class="icon ion-android-radio-button-off f-r f-13"></span>
					</li>
				</a>
				<a href="check-paper" class="side-menu-color">
					<li>
						<i class="icon ion-ios-locked-outline f-18 m-r-10"></i> 试卷批改
						<span class="icon ion-android-radio-button-off f-r f-13"></span>
					</li>
				</a>
			</ul>
		</aside>
	</div>
	<!-- left area end -->

	<!-- right area -->
	<div class="right col-md-10 f-r">
		<header>
			<span class="notice-body"><i class="icon ion-alert"></i> 公告：</span><span id="notice">本网站由大帅比陈元书倾情制作!</span>
			<span id="userName" class="m-r-10">欢迎！ <a href="##"> 退出</a></span>
		</header>
		<main>
			<div class="heading clearfix">
				<h4 class="f-l">考试成绩 <small>增删改查成绩</small></h4>
				<ol class="breadcrumb f-r">
					<li><a href="grade-details">成绩管理</a></li>
					<li class="active">成绩管理</li>
				</ol>
			</div>
			<!-- top：sreach-infors and operations -->
			<div class="opr  m-c clearfix">
				<!--  search infors  -->
				<div class="col-md-4 m-r-10"> <!--f-l m-r-10-->

				</div>
				<div class="search-box col-md-4 f-r">
					<input type="text" id="searchText" placeholder="请输入学号/姓名/考试名称" class="f-l"><button id='search'
						class="btn-grade f-l">搜索</button>
				</div>
				<!--   operations   -->
			</div>

			<!--grade-table-->
			<div class="grade-table  clearfix m-t-30">
				<table id="table1" class="table table-hover table-bordered m-t-20" contenteditable="false" border="1"
					bordercolor="#000000" width="100%" cellpadding="0" cellspacing="0" align="center" ;>
					<tbody>
						<tr>
							<th>学号</th>
							<th>姓名</th>
							<th>考试时长</th>
							<th>成绩</th>
							<th>删除/修改</th>
						</tr>

					</tbody>
				</table>
				<nav class="block">
					<ul class="pagination" id="page">
						<li><a href="#">&laquo;</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">&raquo;</a></li>
					</ul>
				</nav>

				<div id="box" class="clearfix">
					<p><strong>学号：</strong><span></span></p>
					<p><strong>姓名：</strong><span></span></p>
					<p><strong>考试名称：</strong><span></span></p>
					<p><strong>成绩：</strong><input type="text"></p>

					<div class="btnBox">
						<button value="取消" class="btn btn-primary f-l">取消</button>
						<button value="确认" class="btn btn-primary f-r">确认</button>
					</div>
				</div>
				<div id="mask"></div>
			</div>
		</main>
		<footer>
			<strong class="m-l-20">Copyright © 2024 <a href="https://gitee.com/YIFan-Support-Team">抱团取暖</a>.</strong>
			All rights reserved.
		</footer>
		<!-- right area end -->
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/grade-details.js"></script>
</body>

</html>